/* 
    Document   : estilo
    Created on : 13/05/2012, 08:58:00 PM
    Author     : Jose Albano & Laura Carle
    Description:
        Hoja de estilo Obligatorio Aplicaciones Web
*/

/* CSS General */

body{
   background-image: url("imgs/back_pattern.gif");
   background-repeat: repeat;
   margin:0;
   font-family: Arial, Tahoma;
   font-size: 11px;
   color: #333333;
   font-weight: bold;   
}

/* index.php css */

.index_loginContainer{    
    margin: 50px auto;
    position: relative;
    width: 400px;
    height: 300px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 5px solid #ffffff;
    background-color: #8bc4e1;
    padding: 10px;
}

.index_loginContainer h1{
    font-size: 190%;
    text-align: center;
}

.index_loginContainer .inputs, .controlUsuarios_CEUsuarios .inputs, .crearLista_formulario .inputs{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 100%;
    height: 40px;
    padding: 4px;
    margin-top: 5px;
    font-size: 20px;
    font-family: Tahoma, Verdana;
    border: 2px solid gainsboro;
}

.controlUsuarios_CEUsuarios .inputError{
    border: 2px solid red;
}

.index_loginContainer .inputsSubmit, .controlUsuarios_CEUsuarios .inputsSubmit, .crearLista_formulario .inputsSubmit{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 0px;
    padding: 4px;
    margin-top: 5px;
    background-color: #fff;
    cursor: pointer;
}

.index_loginContainer .inputsSubmitHover, .controlUsuarios_CEUsuarios .inputsSubmitHover{
    background-color: #e2ecaf;
}

.index_loginContainer span, .controlUsuarios_CEUsuarios span{
    font-size: 145%;
}

.footer{
    width: 400px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 5px solid #ffffff;
    background-color: #8bc4e1;
    padding: 10px;
    position: relative;
    margin: 10px auto;
    text-align: center;
    background-color: #8bc4e1;
    border-top: 4px solid #fff;    
}

.footer a { text-decoration: none; color: #000; }
.footer a:hover { text-decoration: underline; }

.footer ul{ margin: 0px; padding: 5px; }
.footer li{ display:inline; list-style-type:none; margin-left: 10px; padding:5px; }

.index_usuarioLogueado{    
    margin: 50px auto;
    position: relative;
    width: 400px;
    height: 300px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 5px solid #ffffff;
    background-color: #8bc4e1;
    padding: 10px;
}

/* ControlUsuarios.html css */
.controlUsuarios_listado{    
    margin: 20px auto;
    position: relative;
    width: 400px;
    height: 300px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 5px solid #ffffff;
    background-color: #8bc4e1;
    padding: 10px;
}

.controlUsuarios_CEUsuarios{    
    margin: 0px auto;
    position: relative;
    width: 400px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 5px solid #ffffff;
    background-color: #8bc4e1;
    padding: 10px;
    display: none;
}

.controlUsuarios_contenedorUsuario{
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 5px;    
}

.controlUsuarios_contenedorUsuario div{
    float: left;
}

.controlUsuarios_contenedorUsuario .controlUsuarios_datosUsuario{
    width: 50%;
    
}

.controlUsuarios_contenedorUsuario .controlUsuarios_opciones{
    text-align: right;
    width: 50%;
    
}

.controlUsuarios_listado .controlUsuarios_crearNuevo{
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   padding: 5px;
   background-color: white;
   position: absolute;
   bottom: 5px;
   cursor: pointer;
}

.controlUsuarios_listado .hover{
    background-color: #c5ddd9;
}

.controlUsuarios_listado h1{
    font-size: 190%;
    text-align: center;
}

.controlUsuarios_opciones a { text-decoration: none; color: #000; }
.controlUsuarios_opciones a:hover { text-decoration: underline; }
    

/* Mapa.php css */

.mapa_contenedor{
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   padding: 10px;
   background-color: #8BC4E1;
   margin: 20px;
   border: 5px solid #ffffff;
}

.mapa_contenedor span{
    font-size: 145%;
    font-weight: bold;
    text-decoration: underline;
}

.mapa_contenedor a, .index_usuarioLogueado a, .controlListas_contenedor a { text-decoration: none; color: #000; }
.mapa_contenedor a:hover, .index_usuarioLogueado a:hover, .controlListas_contenedor a:hover { text-decoration: underline; }
.mapa_contenedor ul,li, .index_usuarioLogueado ul,li, .controlListas_contenedor ul,li { list-style-type:square; }
.mapa_contenedor li, .index_usuarioLogueado li, .controlListas_contenedor li { margin-left: -15px; }

.index_errores{
    display: none;
    padding: 3px;
    color: #ff0000;
    font-weight: bold;
}

.index_desconectar{
    cursor: pointer;
    text-align: right;
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 5px;
}

/* ControlListas.html css */

.controlListas_contenedor{    
    margin: 50px auto;
    position: relative;
    width: 400px;
    height: 300px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 5px solid #ffffff;
    background-color: #8bc4e1;
    padding: 10px;
}

.crearLista_opciones{    
    margin: 50px auto;
    position: relative;
    width: 400px;
    height: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 5px solid #ffffff;
    background-color: #8bc4e1;
    padding: 10px;
}

.crearLista_opciones a { text-decoration: none; color: #000; }
.crearLista_opciones a:hover, .controlListas_contenedor a:hover { text-decoration: underline; }
.crearLista_opciones ul,li, .controlListas_contenedor ul,li { list-style-type:square; }
.crearLista_opciones li, .controlListas_contenedor li { margin-left: -15px; }

.crearLista_formulario{    
    margin: 50px auto;
    position: relative;
    width: 400px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 5px solid #ffffff;
    background-color: #8bc4e1;
    padding: 10px;
    display: none;
}

.crearLista_bloqueCompartido{
    display: none;
}

.crearLista_formulario .crearLista_Agregar{
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   padding: 5px;
   background-color: #fff;
   cursor: pointer;
   width: 100px;  
}

.crearLista_articulos .articulo_contenedor{
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   padding: 10px;
}

.crearLista_articulos .articulo_contenedor .articulo_descripcion{
    float:left;
    width: 50%;
}

.crearLista_articulos .articulo_contenedor .articulo_cantidad{
    float:left;
    width: 10%;
}

.crearLista_articulos .articulo_contenedor .articulo_opciones{
    float:left;
    width: 40%;
    text-align: right;
}

.listasAnteriores{
    display: none;
}

.listasAnterioresLinks{
    cursor: pointer;
    padding: 5px;
    background-color: #fff;
    margin-bottom: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.articulo{
    padding: 10px;
}

.articulo_n{
    width: 60%;
    float: left;
}

.articulo_c{
    width: 20%;
    float: left;
    text-align: right;
}

.articulo_ch{
    width: 20%;
    float:left;
    text-align: center;
}